﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ManagerProgramme.ascx.cs"
    Inherits="ServicesDirectory.UserControl.ManagerProgramme" %>

<script type="text/javascript">
$(document).ready(function(){
    //  When user clicks on tab, this code will be executed
    $("#tabs li").click(function() {
        //  First remove class "active" from currently active tab
        $("#tabs li").removeClass('active');
 
        //  Now add class "active" to the selected/clicked tab
        $(this).addClass("active");
 
        //  Hide all tab content
        $(".tab_content").hide();
 
        //  Here we get the href value of the selected tab
        var selectedTab = $(this).find("a").attr("href");
 
        //  Show the selected tab content
        $(selectedTab).fadeIn();
 
        //  At the end, we add return false so that the click on the link is not executed
        return false;
    });
});
</script>

<div class="bgManager">
    <div class="TitleManarer">
        Programme Details
    </div>
    <div id="tabs_container">
        <ul id="tabs">
            <li class="active"><a href="#tab1">Details</a></li>
            <div style="float: right; width: 218px; padding-bottom: 5px; margin-bottom: 5px;">
                <asp:Button runat="server" Text="Deactivate" Height="20px" CssClass="button" ID="cmdDeacActive" />&nbsp;
                <asp:Button runat="server" Text="Save" Height="20px" CssClass="button" ID="cmdSave" />&nbsp;
                <asp:Button runat="server" Text="Back" Height="20px" CssClass="button" ID="cmdBack" />
            </div>
        </ul>
    </div>
    <div id="tabs_content_container">
        <div id="tab1" class="tab_content" style="display: block;">
            <div class="ManagerContentBorder">
                <div class="spaceManager">
                </div>
                <div class="titleCol1">
                    Programme Name <span class="mandatoryFields">*</span>
                </div>
                <div class="titleCol2">
                    <asp:TextBox runat="server" ID="txtProgrammeName" Width="99%"></asp:TextBox>
                </div>
                <div class="titleCol1">
                    Contact Name
                </div>
                <div class="titleCol2">
                    <asp:Label CssClass="lookUpName" runat="server" Width="120px" Text="lookup name"
                        ID="Label1"></asp:Label>
                    <div class="lookUp">
                        <a href="#">Lookup</a>
                    </div>
                </div>
                <div class="spaceManager">
                </div>
                <div class="titleCol1">
                    Description
                </div>
                <div class="titleCol2">
                    <asp:TextBox runat="server" ID="txtDescription" Width="99%"></asp:TextBox>
                </div>
                <div class="spaceManager">
                </div>
            </div>
        </div>
    </div>
    <div style="height: 15px; clear: both">
    </div>
</div>
